import React from 'react'
import { Row, Col, Button } from 'antd'

const G2048 =()=>{
    let cells = [[0, 0, 0, 0], [0, 0, 0, 0], [0, 0, 0, 0], [0, 0, 0, 0]]
    return(
        <Row>
            <Col span={14}>
                {
                    cells.map((row,i)=>(
                        <Row key={i}>
                            {
                                row.map((cell,ci)=>(
                                    <col style={{width:50,height:50,padding:'2px',backgroundColor:'#FF0'}} key={ci}>{cell === 0 ? '' : cell}</col>
                                ))
                            }
                        </Row>
                    ))
                }
            </Col>
            <Col span={6}>
                <p>score {0}</p>
                <Button>重新开始</Button>
                <Button>你赢了</Button>
                <Button>你输了</Button>
            </Col>
        </Row>
    )
}
export default G2048